.root {
  height: 100%;
  :global {
    .tabbar {
      position: fixed;
      z-index: 1;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50px;
      display: flex;
      padding: 7px 0 5px;
      background-color: #f7f8fa;

      &-item-active {
        color: #fc6627;
      }

      &-item {
        flex: 1;
        display: flex;
        flex-direction: column;
        align-items: center;

        .icon {
          margin-bottom: 7px;
          font-size: 20px;
        }

        span {
          font-size: 12px;
        }
      }
    }
  }
}
